<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>角色管理</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />

	<!-- App favicon -->
	<link rel="shortcut icon" href="assets/images/favicon.ico">

	<!-- App css -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
	<link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css" />
	<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="assets/css/custom.css" />
	<!-- layer插件 -->
	<link rel="stylesheet" type="text/css" href="plugins/layer2.4/skin/layer.css" />
	<link rel="stylesheet" type="text/css" href="plugins/layui2/css/layui.css" />

	<!-- bootstrap-select -->
	<link rel="stylesheet" type="text/css" href="plugins/bootstrap-select/css/bootstrap-select.min.css" />

	<script src="assets/js/modernizr.min.js"></script>

</head>

<body>

	<!-- Begin page -->
	<div id="wrapper">

		<!-- ============================================================== -->
		<!-- 页面内容开始 -->
		<!-- ============================================================== -->

		<!-- Start Page content -->
		<div class="my-content">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-12">
						<div class="card-box">
							<h4 class="m-t-0 m-b-30 header-title">角色</h4>

							<form class="form-horizontal" role="form">
								<div class="form-group row">
									<label for="parentId" class="col-3 col-form-label">角色名称</label>
									<div class="col-9">
										<input type="text" class="form-control" id="parentId" name="parentId"
											placeholder="角色名称">
									</div>
								</div>
								<div class="form-group row">
									<label for="parentIds" class="col-3 col-form-label">英文名称</label>
									<div class="col-9">
										<input type="text" class="form-control" id="parentIds" name="parentIds"
											placeholder="英文名称">
									</div>
								</div>
								<div class="form-group row">
									<label for="name" class="col-3 col-form-label">角色类型</label>
									<div class="col-9">
										<input type="text" class="form-control" id="name" name="name"
											placeholder="角色类型">
									</div>
								</div>
								<div class="form-group row">
									<label for="sort" class="col-3 col-form-label">是否可用</label>
									<div class="col-9">
										<input type="text" class="form-control" id="sort" name="sort"
											placeholder="是否可用">
									</div>
								</div>
								<div class="form-group row">
									<label for="href" class="col-3 col-form-label">备注信息</label>
									<div class="col-9">
										<input type="text" class="form-control" id="href" name="href"
											placeholder="备注信息">
									</div>
								</div>
								<div class="form-group row">
									<label for="createBy" class="col-3 col-form-label">创建者</label>
									<div class="col-9">
										<input type="text" class="form-control" id="createBy" name="createBy"
											placeholder="创建者">
									</div>
								</div>
								<div class="form-group row">
									<label for="createDate" class="col-3 col-form-label">创建时间</label>
									<div class="col-9">
										<input type="text" class="form-control" id="createDate" name="createDate"
											placeholder="创建时间">
									</div>
								</div>
								<div class="form-group row">
									<label for="updateBy" class="col-3 col-form-label">更新者</label>
									<div class="col-9">
										<input type="text" class="form-control" id="updateBy" name="updateBy"
											placeholder="更新者">
									</div>
								</div>
								<div class="form-group row">
									<label for="updateDate" class="col-3 col-form-label">更新时间</label>
									<div class="col-9">
										<input type="text" class="form-control" id="updateDate" name="updateDate"
											placeholder="更新时间">
									</div>
								</div>
								<div class="form-group mb-0 justify-content-end row">
									<div class="col-9">
										<button type="submit" class="btn btn-primary waves-effect">提交</button>
										<button type="button" onclick="layer_close()"
											class="btn btn-danger waves-effect">关闭</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>

			</div>
			<!-- container -->

		</div>

		<!-- ============================================================== -->
		<!-- End Right content here -->
		<!-- ============================================================== -->

	</div>
	<!-- END wrapper -->

	<!-- jQuery  -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/bootstrap.bundle.min.js"></script>
	<script src="assets/js/metisMenu.min.js"></script>
	<script src="assets/js/waves.js"></script>
	<script src="assets/js/jquery.slimscroll.js"></script>

	<!-- App js -->
	<script src="assets/js/custom.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/jquery.core.js"></script>
	<script src="assets/js/jquery.app.js"></script>
	<script src="assets/js/custom.js" type="text/javascript" charset="utf-8"></script>

	<!-- 表单验证 -->
	<script src="plugins/jquery.form.js/jquery.form.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="plugins/jquery.validation.1.14.0/jquery.validate.js" type="text/javascript" charset="utf-8"></script>
	<script src="plugins/jquery.validation.1.14.0/validate-methods.js" type="text/javascript" charset="utf-8"></script>
	<script src="plugins/jquery.validation.1.14.0/messages_zh.js" type="text/javascript" charset="utf-8"></script>
	<!-- bootstrap-select -->
	<script src="plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript" charset="utf-8"></script>

	<!-- layer插件 -->
	<script src="plugins/layer2.4/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="plugins/layui2/layui.js" type="text/javascript" charset="utf-8"></script>

	<!-- datatables插件 -->
	<script type="text/javascript">
		$(function () {
			layui.use('laydate', function () {
				var laydate = layui.laydate;

				//执行一个laydate实例
				laydate.render({
					elem: '#createDate', //指定元素
				});
			})
			//获得用户列表
			// $.ajax({
			// 	type: "get",
			// 	url: 'xxx',
			// 	async: false,
			// 	dataType: "json",
			// 	success: function(data) {
			// 		for (var i = 0; i < data.length; i++) {
			// 			var options = $('<option value="' + data[i].id + '">' + data[i].slaughterHouseId + '</option>')
			// 			$(".selectpicker").append(options);
			// 		}
			// 		$('.selectpicker').selectpicker('refresh');
			// 		$('.selectpicker').selectpicker('render');
			// 	},
			// 	error: function(XMLHttpRequest, textStatus, errorThrown) {
			// 		networkError(XMLHttpRequest, textStatus, errorThrown)
			// 	}
			// });

			//表单验证
			$("form").validate({
				rules: {
					id: {
						required: true,
						number: true
					},
					name: {
						required: true,
					},
					roleType: {
						required: true,
					},
					useable: {
						required: true,
					}
				},
				onkeyup: false,
				focusCleanup: true,
				success: "valid",
				submitHandler: function (form) {
					var userid = getCookie("userid");
					var index = parent.layer.getFrameIndex(window.name);
					$(form).ajaxSubmit({
						type: "POST",
						url: URL + "addRole",
						data: {
							"createBy": userid
						},
						success: function (data) {
							parent.layer.msg('添加成功!', {
								icon: 1,
								time: 1000
							});
							setTimeout(function () {
								parent.$(".btn-refresh").click();
								parent.layer.close(index);
							}, 1000);

						},
						error: function (XMLHttpRequest, textStatus, errorThrown) {
							networkError(XMLHttpRequest, textStatus, errorThrown)
						}
					});
				}
			});
		});
	</script>

</body>

</html>